body,#app{
  font-family:Helvetica;
	background: #f0efef !important;
}

#app::-webkit-scrollbar{
  display: none;
}
.mask{
  width: 100%;
  bottom: 0;
  position: absolute;
  top: 4.608rem;
  z-index: 5;
}
#pullUp {
  height:1.706667rem;
  line-height:1.706667rem;
  padding:0.213333rem 0.426667rem;
  font-weight:bold;
  font-size:0.597333rem;
  color:#888;
  text-align: center;
}
#pullUp .pullUpIcon {
   display:block; float:left;
   width:1.706667rem; height:1.706667rem;
   -webkit-background-size:1.706667rem 3.413333rem; 
   background-size:1.706667rem 3.413333rem;
   -webkit-transition-property:-webkit-transform;
   -webkit-transition-duration:250ms; 
  }
.pullDownIcon {
   -webkit-transform:rotate(0deg) translateZ(0);
  }
#pullUp .pullUpIcon {
    -webkit-transform:rotate(-180deg) translateZ(0);
}
#thelist .list_item{
    list-style: none;
    padding: 0;
    display: inline-block;
    background: url(https://loanm.ppdaicdn.com/PPdaiStore/static/common/imgs/card_enable.jpg) no-repeat 50% 50%;
    background-size: contain;
    width: 100%;
    height: 4.266667rem;
    margin-top: 0.426667rem;
    overflow: hidden;
}
#thelist .list_item.unable{
    background: url(https://loanm.ppdaicdn.com/PPdaiStore/static/common/imgs/card_unable.jpg) no-repeat 50% 50%;
    background-size: contain;
}
#thelist .list_item .cardInfo{
  height: 3.2rem;
  width: 100%;
}
#thelist .list_item .cardInfo .amount{
  color: #0abfff;
  font-size: 1.92rem;
  float: left;
  width: 40%;
  line-height: 3.2rem;
  height: 3.2rem;
  text-align: center;
}
#thelist .list_item .cardInfo .amount .unit{
  font-size: 0.682667rem;
}
#thelist .list_item .cardInfo .instruction{
  float: right;
  width: 56%;
  font-size: 0.682667rem;
  color: #333;
  line-height: 0.938667rem;
  margin-top: 0.768rem;
}
#thelist .list_item .cardInfo .instruction .IdName{
  display: inline-block;
  width: 8.106667rem;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#thelist .list_item .cardInfo .instruction .effectDate{
  color: #999;
  font-size: 0.64rem;
}
#thelist .list_item .tips{
  line-height: 1.066667rem;
  color: #999;
  font-size: 0.512rem;
  float: left;
  margin-left: 1.066667rem;
  width: 85%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#thelist .list_item.unable .cardInfo .amount,
#thelist .list_item.unable .cardInfo .instruction,
#thelist .list_item.unable .cardInfo .instruction .effectDate,
#thelist .list_item.unable .tips
{
  color: #ccc;
}
.weui-loading {
    width: 0.64rem;
    height: 0.64rem;
    margin-right: 0.213333rem;
    display: inline-block;
    vertical-align: middle;
    background: url(../../common/imgs/loading.gif) no-repeat;
    background-size: 100%;
}
.listNull{
  width: 100%;
  overflow: hidden;
  padding-top: 2.133333rem;
  text-align: center;
  font-size: 0.768rem;
  color: #333;
  display: block;
}
.listNull img{
  width: 3.413333rem;
  margin-bottom: 0.682667rem;
}
.listNull p{
  margin: 0;
  line-height: 1.28rem;
}
.loading{
      text-align: center;
    width: 100%;
    bottom: 0;
    position: absolute;
    top: 4.608rem;
    background: #f0efef;
    z-index: 2;
    opacity: 0.5;
}